/*
 * Copyright (c) 2025 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import 'package:flutter/material.dart';

import '../l10n/generated/app_localizations.dart';

class IndexEntry extends StatefulWidget {
  const IndexEntry({Key? key}) : super(key: key);

  @override
  State<IndexEntry> createState() => _IndexEntryState();
}

class _IndexEntryState extends State<IndexEntry> {
  @override
  Widget build(BuildContext context) {
    AppLocalizations il8n = AppLocalizations.of(context)!;

    List pageList = [
      {
        'name':il8n.videoHomePage,
        'url':'/videoHomePage'
      },
      {
        'name':il8n.iMHomePage,
        'url':'/IMHomePage'
      },
      {
        'name':il8n.musicHomePage,
        'url':'/musicHomePage'
      }
    ];
    return Material(
        color: Colors.transparent,
        child: Container(
          decoration: const BoxDecoration(color: Colors.white),
          child: Center(
            child: Stack(
              children: [
                Column(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: [Container(
                      width: MediaQuery.of(context).size.width,
                      margin: const EdgeInsets.only(bottom: 44),
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: pageList.map((item){
                          return Container(
                              margin: const EdgeInsets.only(top: 10),
                              width: 200,
                              child: InkWell(
                                  onTap: () {
                                    Navigator.pushNamed(
                                        context, item["url"]);
                                  },
                                  child: Container(
                                    padding: const EdgeInsets.all(8),
                                    decoration: BoxDecoration(
                                      color: const Color(0xFF0959F7),
                                      borderRadius: BorderRadius.circular(4),
                                    ),
                                    child: Center(
                                      child: Text(
                                       item["name"],
                                        style: const TextStyle(color: Colors.white),
                                      ),
                                    ),
                                  )));
                        }).toList()
                      ),
                    )])
              ],
            ),
          ),
        ));
  }
}
